<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/index.css">
    <script src="./js/jquery-3.4.1.min.js"></script>

    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="external nofollow" rel="external nofollow" >
    <link rel="stylesheet" href="/resources/demos/style.css" rel="external nofollow" >
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>

<div class="q_header q_header_package">
    <div class="mymain">
        <div class="q_header_main" data-hfchannel="package" data-hffile="header_main">
            <div class="q_header_logo"><a href="" target="_top" hidefocus="on">
                <img src="${pageContext.request.contextPath}/images/logo.svg"></a></div>
            <div class="p_nav">
                <div class="p_nav_ct">
                    <ul>
                        <li class="deactve home"><a href="/index.jsp" hidefocus="on"
                                                    wc-clk="index">度假首页</a></li>
                        <li class="deactve fh agio"><a href="" target="_blank"
                                                       wc-clk="fh">自由行</a><i class="icon"></i></li>
                        <li class="deactve surrounding"><a href=""
                                                           hidefocus="on" wc-clk="around">周边游</a></li>
                        <li class="deactve c2b"><a href="/custom/custom" hidefocus="on"
                                                   target="_blank" wc-clk="c2b">包团·定制</a><i class="icon"></i></li>
                    </ul>
                </div>
            </div>
            <div class="q_header_tnav">
                <ul>
                    <c:if test="${empty loginCustomer}">
                        <li id="__loginInfo_u__" class="q_header_username">
                            <span>请</span>
                            <a id="__headerInfo_login__"
                               href="/customer/login.jsp"
                               hidefocus="on" rel="nofollow">登录</a>
                        </li>
                        <li id="__loginInfo_r__" class="q_header_register">
                            <span>或</span>
                            <a id="__headerInfo_reg__"
                               href="/customer/register.jsp"
                               hidefocus="on"
                               rel="nofollow">免费注册</a></li>
                    </c:if>
                    <c:if test="${not empty loginCustomer}">
                        <li  class="q_header_username">
                            <span>欢迎您</span>
                            <a href=""
                               hidefocus="on" rel="nofollow" class="nav_userName">${loginCustomer.customerName}</a>
                        </li>
                        <li  class="q_header_register">
                            <span>     </span>
                            <a href="/customer/out"
                               hidefocus="on"
                               rel="nofollow" class="out">退出</a></li>
                    </c:if>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--==============搜索===============-->
<div class="search-box">
    <div class="serch-mod">
        <div class="serch-txtbox">
            <span class="site">南京</span>
            <input id="tags" class="serch-txt" name="kw_search" type="text" placeholder="请输入目的地/景点">
            <button class="serch-btn">搜索</button>
        </div>
    </div>
</div>
<!--=================电梯导航========================-->
<div class="elevator" style="display: none">
    <ul>
        <li class="elevator_li ">
            <a href="javascript:void (0);" class="ele_item ele_item1"><span>筋斗秒杀</span></a>
        </li>
        <li class="elevator_li ">
            <a href="javascript:void (0);" class="ele_item ele_item2"><span>热门推荐</span></a>
        </li>
        <li class="elevator_li ">
            <a href="javascript:void (0);" class="ele_item ele_item3"><span>周边</span></a>
        </li>
        <li class="elevator_li ">
            <a href="javascript:void (0);" class="ele_item ele_item4"><span>长线</span></a>
        </li>
        <li class="elevator_li ">
            <a href="javascript:void (0);" class="ele_item ele_item5"><span>返回顶部</span></a>
        </li>
    </ul>
</div>
<!--==================秒杀==================-->
<div class="seckill">
    <div class="kill">
        <a class="seckill-countdown" href="">
            <div class="countdown-title">筋斗秒杀</div>
            <div class="countdown-box">
<%--                <div class="countdown-desc">--%>
<%--                    <strong>10:00</strong>场 倒计时--%>
<%--                </div>--%>
<%--                <div class=" countdown-main">--%>
<%--                    <span class="time countdown-hours time-1">00</span><span class="time-sy">&nbsp;:</span>--%>
<%--                    <span class="time countdown-minutes">29</span><span class="time-sy">&nbsp;:</span>--%>
<%--                    <span class="time countdown-seconds">24</span>--%>
<%--                </div>--%>
            </div>
        </a>
        <div class="seckill-list">
            <ul class="seckill-box">
<%--                <li class="kill-li">--%>
<%--                    <a href="" class="kill-li-item">--%>
<%--                        <div class="kill-li-item-top">--%>
<%--                            <div class="kill-li-item-img">--%>
<%--                                <img src="${pageContext.request.contextPath}/images/kill-li-item-img1.jpg">--%>
<%--                            </div>--%>
<%--                            <div class="kill-li-item-title">--%>
<%--                                <div class="right-title-in">--%>
<%--                                    <span class="right-title-main">滁州-南京</span>--%>
<%--                                    <span class="right-title-sub">5天跟团游</span>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                        <div class="kill-li-item-bottom">--%>
<%--                            <span class="kill-li-item-bottom-title">含往返飞机票+4晚住宿</span>--%>
<%--                            <div class="maret-price"><span>市场价：￥</span><span class="maret-money">1178</span></div>--%>
<%--                            <div class="kill-price"><span>秒杀价：￥</span><span class="kill-money">888</span></div>--%>
<%--                        </div>--%>
<%--                    </a>--%>
<%--                </li>--%>
<%--                <li class="kill-li">--%>
<%--                    <a href="" class="kill-li-item">--%>
<%--                        <div class="kill-li-item-top">--%>
<%--                            <div class="kill-li-item-img">--%>
<%--                                <img src="${pageContext.request.contextPath}/images/kill-li-item-img1.jpg">--%>
<%--                            </div>--%>
<%--                            <div class="kill-li-item-title">--%>
<%--                                <div class="right-title-in">--%>
<%--                                    <span class="right-title-main">滁州-南京</span>--%>
<%--                                    <span class="right-title-sub">5天跟团游</span>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                        <div class="kill-li-item-bottom">--%>
<%--                            <span class="kill-li-item-bottom-title">含往返飞机票+4晚住宿</span>--%>
<%--                            <div class="maret-price"><span>市场价：￥</span><span class="maret-money">1178</span></div>--%>
<%--                            <div class="kill-price"><span>秒杀价：￥</span><span class="kill-money">888</span></div>--%>
<%--                        </div>--%>
<%--                    </a>--%>
<%--                </li>--%>
<%--                <li class="kill-li">--%>
<%--                    <a href="" class="kill-li-item">--%>
<%--                        <div class="kill-li-item-top">--%>
<%--                            <div class="kill-li-item-img">--%>
<%--                                <img src="${pageContext.request.contextPath}/images/kill-li-item-img1.jpg">--%>
<%--                            </div>--%>
<%--                            <div class="kill-li-item-title">--%>
<%--                                <div class="right-title-in">--%>
<%--                                    <span class="right-title-main">滁州-南京</span>--%>
<%--                                    <span class="right-title-sub">5天跟团游</span>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                        <div class="kill-li-item-bottom">--%>
<%--                            <span class="kill-li-item-bottom-title">含往返飞机票+4晚住宿</span>--%>
<%--                            <div class="maret-price"><span>市场价：￥</span><span class="maret-money">1178</span></div>--%>
<%--                            <div class="kill-price"><span>秒杀价：￥</span><span class="kill-money">888</span></div>--%>
<%--                        </div>--%>
<%--                    </a>--%>
<%--                </li>--%>
<%--                <li class="kill-li">--%>
<%--                    <a href="" class="kill-li-item">--%>
<%--                        <div class="kill-li-item-top">--%>
<%--                            <div class="kill-li-item-img">--%>
<%--                                <img src="${pageContext.request.contextPath}/images/kill-li-item-img1.jpg">--%>
<%--                            </div>--%>
<%--                            <div class="kill-li-item-title">--%>
<%--                                <div class="right-title-in">--%>
<%--                                    <span class="right-title-main">滁州-南京</span>--%>
<%--                                    <span class="right-title-sub">5天跟团游</span>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                        <div class="kill-li-item-bottom">--%>
<%--                            <span class="kill-li-item-bottom-title">含往返飞机票+4晚住宿</span>--%>
<%--                            <div class="maret-price"><span>市场价：￥</span><span class="maret-money">1178</span></div>--%>
<%--                            <div class="kill-price"><span>秒杀价：￥</span><span class="kill-money">888</span></div>--%>
<%--                        </div>--%>
<%--                    </a>--%>
<%--                </li>--%>
            </ul>
        </div>
    </div>
</div>
<!--========================热门景点=========================-->
<div class="index-box1">
    <div class="hot-title">
        <span>热门推荐</span>
        <a href="" class="hot-more">
            <e>更多推荐</e>
        </a>
    </div>
    <div class="hot-box">
        <ul class="hot-box-ul">
<%--            <li class="hot-li"><a href="">--%>
<%--                <div class="hot-li-img"><img src="${pageContext.request.contextPath}/images/index_hot_1.jpg"></div>--%>
<%--                <div class="hot-li-message">--%>
<%--                    <span class="hot-item-title">总统府+中山陵+夫子庙+南京博物院+大报恩寺+阅江楼汽车1日跟团游</span>--%>
<%--                    <span class="hot-item-detail">五岳归来不看山，黄山归来不看岳</span>--%>
<%--                    <span class="money-sy">￥</span><span class="hot-item-money">666</span>--%>
<%--                </div>--%>
<%--            </a></li>--%>


        </ul>
    </div>
</div>
<!--=====================周边旅游============================-->
<div class="index-box2">
    <div class="rim-title">
        <span>周边游</span>
        <a href="" class="hot-more">
            <e>更多内容</e>
        </a>
    </div>
    <div class="rim-box">
        <ul class="rim-box-ul">
<%--            <li class="rim-li"><a href="">--%>
<%--                <div class="rim-li-img"><img src="${pageContext.request.contextPath}/images/sanya_hot.jpg"></div>--%>
<%--                <div class="rim-li-message">--%>
<%--                    <span class="rim-item-title">总统府+中山陵+夫子庙+南京博物院+大报恩寺+阅江楼汽车1日跟团游</span>--%>
<%--                    <span class="rim-item-detail">五岳归来不看山，黄山归来不看岳</span>--%>
<%--                    <span class="money-sy">￥</span><span class="rim-item-money">666</span>--%>
<%--                </div>--%>
<%--            </a></li>--%>


        </ul>
    </div>
</div>
<!--=====================长线旅游============================-->
<div class="index-box3">
    <div class="long-title">
        <span>长线游</span>
        <a href="" class="hot-more">
            <e>更多内容</e>
        </a>
    </div>
    <div class="long-box">
        <ul class="long-box-ul">
<%--            <li class="long-li"><a href="">--%>
<%--                <div class="long-li-img"><img src="${pageContext.request.contextPath}/images/index_hot_1.jpg"></div>--%>
<%--                <div class="long-li-message">--%>
<%--                    <span class="long-item-title">黄山风景区</span>--%>
<%--                    <span class="long-item-detail">五岳归来不看山，黄山归来不看岳</span>--%>
<%--                    <span class="money-sy">￥</span><span class="long-item-money">666</span>--%>
<%--                </div>--%>
<%--            </a></li>--%>

        </ul>
    </div>
</div>

<!--===================底部=================================-->
<div class="index-bottom">
    <div class="bottom-box"></div>
</div>



<script>
    $( function() {
        var availableTags = [//这里要改成根据用户的输入,自动更换词库的形式
            "海南",
            "三亚",
            "上海",
            "杭州",
            "苏州",
            "南京",
            "无锡",
            "水乡",
            "周庄",
            "总统府",
            "中山陵",
            "夫子庙",
            "南京博物院",
            "大报恩寺",
            "狮子林",
            "龙虎山",
            "常州",
            "无锡",
            "热带风情",
            "水乡",
            "金陵",
            "乌镇",
            "嘉兴",
            "沙滩",
            "热带风情",
            "日光浴",
            "夜游",
            "度假",
            "网红",
            "三国城",
            "表演",
            "湖光山色"
        ];
        $( "#tags" ).autocomplete({//调用补全功能
            source: availableTags
        });
    } );
</script>
<script src="${pageContext.request.contextPath}/js/index.js"></script>
</body>
</html>
